.radio-pane {
	width: 100%;

	.pane {
		display: flex;
		height: 5rem;
		border: 1px solid var(--color-border-2);
		border-radius: 4px;
		transition: border-color 0.3s ease;

		&:not(:first-child) {
			margin-top: 1rem;
		}

		&.active {
			border-color: var(--color-5);
		}

		.header {
			display: flex;
			align-items: center;
			padding: 1rem;
			white-space: nowrap;
			border-right: 1px solid var(--color-border-2);
			cursor: pointer;

			.label {
				display: flex;
				align-items: center;
				padding-left: 0.5rem;
				line-height: 1;
			}
		}

		.content {
			display: flex;
			flex: 1;
			align-items: center;
			padding-right: 1rem;
			user-select: none;
		}
	}

	&.small {
		.pane {
			height: auto;
			min-height: 3rem;

			&:not(:first-child) {
				margin-top: 0.5rem;
			}
		}
	}
}
